<template>
    <a-carousel autoplay>
      <div><img :src="$withBase('/assets/logo.png')"></div>
      <div><img :src="$withBase('/assets/logo.png')"></div>
      <div><img :src="$withBase('/assets/logo.png')"></div>
      <div><img :src="$withBase('/assets/logo.png')"></div>
    </a-carousel>
  </template>
  <script>
  export default {};
  </script>
  <style scoped>
  /* For demo */
  .ant-carousel >>> .slick-slide {
    text-align: center;
    height: 400px;
    line-height: 400px;
    background: #364d79;
    overflow: hidden;
  }
  img{
    height: 400px;
    margin: auto;
  }
  .ant-carousel >>> .slick-slide h3 {
    color: #fff;
  }
  </style>
  